import React from 'react'
import {inject, observer} from 'mobx-react';
import {toJS} from 'mobx';
import {Tools} from 'weaver-mobile';
import {Route, withRouter } from 'react-router-dom';
import QueueAnim from 'rc-queue-anim';

import Remember from './Remember';
import Reception from './Reception';
import SweepCodeCheck from './SweepCodeCheck';
import AccountBook from './AccountBook';
import Wallet from './Wallet';


const getLabel = Tools.getLabel;
const tweenFunctions = require('tween-functions');


@withRouter
@inject ('homeStore')
@observer
class HomeTo extends React.Component {
    constructor(props){
        super(props);
        const {match,match:{path,isExact,params}} = this.props;
        this.routeInfo = match;

    }

    // static defaultProps = {
    //     prefixCls:"fnaMobile-home"
    // }

    componentDidMount() {
        const { homeStore } = this.props;
        const {  } = homeStore;
 
    }

    render() {
        const { homeStore } = this.props;
        const {  } = homeStore;

        return (
            <div>
                {/* 常用功能 */}
                <div>
                    {this.routeInfo.path == '/home/remember' && <Remember />}
                    {this.routeInfo.path == '/home/reception' && <Reception />}
                    {this.routeInfo.path == '/home/accountBook' && <AccountBook />}
                    {this.routeInfo.path == '/home/wallet' && <Wallet />}
                </div>

                {/* 功能导航 */}
                {/* <div>
                    {this.routeInfo.path == '/home/sweepCodeCheck' && <SweepCodeCheck />}
                    {this.routeInfo.path == '/home/remember' && <Remember />}
                    {this.routeInfo.path == '/home/billInfo' && <BillInfo />}
                    {this.routeInfo.path == '/home/moreApplications' && <MoreApplications />}
                </div> */}
            </div>
        )
    }


}

export default HomeTo;